<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <!--响应式标签 meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- 引入Bootstrap核心样式文件（必须） -->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <!--站点图片-->
    <link href="img/jsjxh02.png" rel="shortcut icon">
    <title>协会风采</title>
    <!--通用样式-->
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <!-- 头部的样式 -->
    <link rel="stylesheet" href="css/head.css">
    <!--中间样式-->
    <link rel="stylesheet" href="css/mien.css">
<!--    优秀成员-->
    <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,900' rel='stylesheet' type='text/css'>

<!--        荣誉展览-->

</head>
<body>
<!--****************头部-begin*****************-->
<header id="lk_header">
    <div class="head">
        <div class="container"><!--container:内容固定宽度居中显示
    container-fluid:内容横向撑满整个浏览器窗口-->
            <div class="row"><!--row：为行-->
                <div class="head_left" >
                    <div class="head_img">
                        <a href="https://www.jxuspt.com/" title="计算机协会log"><img src="img/jsjxhlog1.png"  ></a>
                    </div>
                    <p class="head_left_l">计算机协会官网</p>
                </div>
                <div class="head_center hidden-xs hidden-sm hidden-md">
                    <img src="img/mxlog.jpg"  >
                </div>
                <div class="head_right hidden-xs">
                    <img src="img/login_icon.png">
                    <a href="register.html">登录</a>
                    <a href="logout.html">注销</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!--***************头部-end******************-->
<!--****************导航栏-begin*****************-->
<section id="lk_navigation">
    <nav class="navbar_dhl  navbar  navbar-default navbar-static-top ">
        <div class=" nav_a container ">
            <div class="row">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#jsjxh_dht" aria-expanded="false">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <li class="dropdown" style="list-style: none"><a class=" nav_b navbar-brand" href="index.html">官网首页</a></li>
                </div>
                <div class="collapse navbar-collapse " id="jsjxh_dht">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#"  class=" nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">了解概况<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="understand.html">协会简介</a></li>

                                <li><a href="understand.html">协会文化</a></li>

                                <li><a href="understand.html">协会制度</a></li>

                                <li><a href="understand.html">发展历程</a></li>

                                <li><a href="understand.html">组织结构</a></li>

                                <li><a href="understand.html">办公环境</a></li>

                                <li><a href="understand.html">办公地点</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class=" nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">协会风采<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="mien.html">指导老师</a></li>
                                <li><a href="mien.html">优秀成员</a></li>
                                <li><a href="mien.html">文化活动</a></li>
                                <li><a href="mien.html">荣誉展览</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class=" nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">交流合作<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">学术交流</a></li>

                                <li><a href="#">合作机构</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">实习就业<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">实习机会</a></li>

                                <li><a href="#">就业推荐</a></li>

                                <li><a href="#">创业达人</a></li>

                                <li><a  href="#">就业明星</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">内务工作<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">开会签到</a></li>

                                <li><a href="#">任务安排</a></li>

                                <li><a href="#">项目经验</a></li>

                                <li><a href="#">能力测评</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">招贤纳士<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">报名流程</a></li>

                                <li><a href="#">面试、笔试</a></li>

                                <li><a href="#">部门介绍</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">联系我们<span class="caret"></span></a>
                            <ul class="dropdown-menu" style="">
                                <li><a href="#">联系电话</a></li>

                                <li><a  href="#">官方微信</a></li>

                                <li><a  href="#">QQ</a></li>

                                <li><a href="#">邮箱</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

</section>

<!--****************导航栏-end******************-->
<!--****************背景图片-begin*****************-->
<div id="background_image" >
    <img src="img/xhfc1.jpg" class="img-responsive center-block"   >
</div>
<!--****************背景图片-end*****************-->
<!--*****************楼层特效-begin*****************-->
<div class="container" >
    <div class=" row" >
        <!--指导老师-->
<!--banner部分-->
<div class="banner_one banner" id="floor1" >
    <div class="banner_teacher">
         <p style="color: #e38d13;">指 导 老 师</p>
    </div>
    <div class="teacher_one col-xs-12 col-sm-6 col-md-6 col-lg-3">
        <!--        /*-->
        <!--        * demo page-->
        <!--        */-->

        <div class="page">
            <div class="page__demo">
                <div class="main-container page__container" >
                    <!--                    card            -->
                    <article class="card">
                        <header class="card__header">
                            <img class="card__preview" src="img/zj.png" alt="Preview img"><!--这里下载图片：https://placeimg.com/640/400/nature-->
                            <h3 class="card__title"><a href="#popup-article" class="card__link">朱军</a></h3>
                        </header>
                        <div class="card__body">
                            <div class="card__content">
                                <p style="color: #0f0f0f">这个秘密可以让你得到你想要的一切，包括快乐健康财富。</p>
                            </div>
                            <footer class="card__footer">
                                <a href="#popup-article" class="card__link card__readmore">更多内容</a>
                                <div class="card__meta">
                                    <span class="card__meta-label card__meta-comments">46</span>
                                    <span class="card__meta-label card__meta-likes">2020</span>
                                </div>
                            </footer>
                        </div>
                    </article>
                </div>
            </div>
        </div>
        <!--        popup-->
        <div id="popup-article" class="popup" style="z-index: 99">
            <div class="popup__block">
                <h1 class="popup__title">秘密——吸引力法则</h1>
                <p>这个秘密可以让你得到你想要的一切，包括快乐健康财富。</p>
                <img src="img/zj.png" class="popup__media popup__media_right" alt="The foto of nature">
                <p>你能拥有一切，达到你的目标，变成你想成为的人。</p>
                <p>我们可以拥有一切我们想拥有的东西，无论什么都能得到。</p>
                <p>你想住在什么样的房子里？你想当个百万富翁吗？你想拥有什么样的事业呢？你希望自己更成功吗？你究竟想要什么？</p>
                <p>我看到奇迹发生在许多人的生命里，比如财富上，绝症康复，精神康复，以及两性关系转变的奇迹。</p>
                <p>奇迹之所以出现，是因为他们知道怎么运用我们即将公布的秘密。这是生命中伟大的秘密。</p>
                <p>我们都具有无穷的力量，我们都被同样的定律引导着，宇宙的自然定律真的是精确无比，因此我们建造宇宙飞船没有任何问题，还可以送人上月球，甚至可以预估登陆时间，精确度在1/10秒之内，不管你是在印度还是在澳洲，纽西兰，斯德哥尔摩，伦敦，多伦多，蒙特娄还是纽约，我们都依循着一种力量，一种定律，就是吸引力。这个秘密就是吸引力定律。</p>
                <p>你生命里发生的一切，都是由你吸引而来的，你在心里构想的画面，会在现实生活中发生，也就是说，你心里想的一切，都会被吸引到现实生活中来。现代聪明的人一直都知道这个定律。古巴比伦时代的人，也早就知道这个定律，这得天独厚的一小群人，你想想为什么1%的人可以赚取全世界96%的财富呢？你认为这是偶然的意外吗？绝对不是，这是人为造成的。因为他们了解一件事，他们知道这个秘密。你现在也即将认识这个秘密。</p>
                <a href="#" class="popup__close">关闭</a>
            </div>
        </div>
    </div>
    <div class="teacher_one col-xs-12 col-sm-6 col-md-6 col-lg-3">
<!--        /*-->
<!--        * demo page-->
<!--        */-->

        <div class="page">
            <div class="page__demo">
                <div class="main-container page__container">
<!--                    card            -->
                    <article class="card">
                        <header class="card__header">
                            <img class="card__preview" src="img/zj.png" alt="Preview img"><!--这里下载图片：https://placeimg.com/640/400/nature-->
                            <h3 class="card__title"><a href="#popup-article" class="card__link">指导老师--朱军</a></h3>
                        </header>
                        <div class="card__body">
                            <div class="card__content">
                                <p style="color: #0f0f0f">这个秘密可以让你得到你想要的一切，包括快乐健康财富。</p>
                            </div>
                            <footer class="card__footer">
                                <a href="#popup-article" class="card__link card__readmore">更多内容</a>
                                <div class="card__meta">
                                    <span class="card__meta-label card__meta-comments">47</span>
                                    <span class="card__meta-label card__meta-likes">99</span>
                                </div>
                            </footer>
                        </div>
                    </article>
                </div>
            </div>
        </div>
<!--        popup-->
        <div id="popup-article02" class="popup" style="z-index: 99">
            <div class="popup__block">
                <h1 class="popup__title">秘密——吸引力法则</h1>
                <p>这个秘密可以让你得到你想要的一切，包括快乐健康财富。</p>
                <img src="img/zj.png" class="popup__media popup__media_right" alt="The foto of nature">
                <p>你能拥有一切，达到你的目标，变成你想成为的人。</p>
                <p>我们可以拥有一切我们想拥有的东西，无论什么都能得到。</p>
                <p>你想住在什么样的房子里？你想当个百万富翁吗？你想拥有什么样的事业呢？你希望自己更成功吗？你究竟想要什么？</p>
                <p>我看到奇迹发生在许多人的生命里，比如财富上，绝症康复，精神康复，以及两性关系转变的奇迹。</p>
                <p>奇迹之所以出现，是因为他们知道怎么运用我们即将公布的秘密。这是生命中伟大的秘密。</p>
                <p>我们都具有无穷的力量，我们都被同样的定律引导着，宇宙的自然定律真的是精确无比，因此我们建造宇宙飞船没有任何问题，还可以送人上月球，甚至可以预估登陆时间，精确度在1/10秒之内，不管你是在印度还是在澳洲，纽西兰，斯德哥尔摩，伦敦，多伦多，蒙特娄还是纽约，我们都依循着一种力量，一种定律，就是吸引力。这个秘密就是吸引力定律。</p>
                <p>你生命里发生的一切，都是由你吸引而来的，你在心里构想的画面，会在现实生活中发生，也就是说，你心里想的一切，都会被吸引到现实生活中来。现代聪明的人一直都知道这个定律。古巴比伦时代的人，也早就知道这个定律，这得天独厚的一小群人，你想想为什么1%的人可以赚取全世界96%的财富呢？你认为这是偶然的意外吗？绝对不是，这是人为造成的。因为他们了解一件事，他们知道这个秘密。你现在也即将认识这个秘密。</p>
                <a href="#" class="popup__close">关闭</a>
            </div>
        </div>
    </div>
    <div class="teacher_one col-xs-12 col-sm-6 col-md-6 col-lg-3">
        <!--        /*-->
        <!--        * demo page-->
        <!--        */-->

        <div class="page">
            <div class="page__demo">
                <div class="main-container page__container">
                    <!--                    card            -->
                    <article class="card">
                        <header class="card__header">
                            <img class="card__preview" src="img/zj.png" alt="Preview img"><!--这里下载图片：https://placeimg.com/640/400/nature-->
                            <h3 class="card__title"><a href="#popup-article" class="card__link">指导老师--朱军</a></h3>
                        </header>
                        <div class="card__body">
                            <div class="card__content">
                                <p style="color: #0f0f0f">这个秘密可以让你得到你想要的一切，包括快乐健康财富。</p>
                            </div>
                            <footer class="card__footer">
                                <a href="#popup-article" class="card__link card__readmore">更多内容</a>
                                <div class="card__meta">
                                    <span class="card__meta-label card__meta-comments">47</span>
                                    <span class="card__meta-label card__meta-likes">99</span>
                                </div>
                            </footer>
                        </div>
                    </article>
                </div>
            </div>
        </div>
        <!--        popup-->
        <div id="popup-article03" class="popup" style="z-index: 99">
            <div class="popup__block">
                <h1 class="popup__title">秘密——吸引力法则</h1>
                <p>这个秘密可以让你得到你想要的一切，包括快乐健康财富。</p>
                <img src="img/zj.png" class="popup__media popup__media_right" alt="The foto of nature">
                <p>你能拥有一切，达到你的目标，变成你想成为的人。</p>
                <p>我们可以拥有一切我们想拥有的东西，无论什么都能得到。</p>
                <p>你想住在什么样的房子里？你想当个百万富翁吗？你想拥有什么样的事业呢？你希望自己更成功吗？你究竟想要什么？</p>
                <p>我看到奇迹发生在许多人的生命里，比如财富上，绝症康复，精神康复，以及两性关系转变的奇迹。</p>
                <p>奇迹之所以出现，是因为他们知道怎么运用我们即将公布的秘密。这是生命中伟大的秘密。</p>
                <p>我们都具有无穷的力量，我们都被同样的定律引导着，宇宙的自然定律真的是精确无比，因此我们建造宇宙飞船没有任何问题，还可以送人上月球，甚至可以预估登陆时间，精确度在1/10秒之内，不管你是在印度还是在澳洲，纽西兰，斯德哥尔摩，伦敦，多伦多，蒙特娄还是纽约，我们都依循着一种力量，一种定律，就是吸引力。这个秘密就是吸引力定律。</p>
                <p>你生命里发生的一切，都是由你吸引而来的，你在心里构想的画面，会在现实生活中发生，也就是说，你心里想的一切，都会被吸引到现实生活中来。现代聪明的人一直都知道这个定律。古巴比伦时代的人，也早就知道这个定律，这得天独厚的一小群人，你想想为什么1%的人可以赚取全世界96%的财富呢？你认为这是偶然的意外吗？绝对不是，这是人为造成的。因为他们了解一件事，他们知道这个秘密。你现在也即将认识这个秘密。</p>
                <a href="#" class="popup__close">关闭</a>
            </div>
        </div>
    </div>
    <div class="teacher_one col-xs-12 col-sm-6 col-md-6 col-lg-3">
        <!--        /*-->
        <!--        * demo page-->
        <!--        */-->

        <div class="page">
            <div class="page__demo">
                <div class="main-container page__container">
                    <!--                    card            -->
                    <article class="card">
                        <header class="card__header">
                            <img class="card__preview" src="img/zj.png" alt="Preview img"><!--这里下载图片：https://placeimg.com/640/400/nature-->
                            <h3 class="card__title"><a href="#popup-article" class="card__link">指导老师--朱军</a></h3>
                        </header>
                        <div class="card__body">
                            <div class="card__content">
                                <p style="color: #0f0f0f">这个秘密可以让你得到你想要的一切，包括快乐健康财富。</p>
                            </div>
                            <footer class="card__footer">
                                <a href="#popup-article" class="card__link card__readmore">更多内容</a>
                                <div class="card__meta">
                                    <span class="card__meta-label card__meta-comments">47</span>
                                    <span class="card__meta-label card__meta-likes">99</span>
                                </div>
                            </footer>
                        </div>
                    </article>
                </div>
            </div>
        </div>
        <!--        popup-->
        <div id="popup-article04" class="popup" style="z-index: 99">
            <div class="popup__block">
                <h1 class="popup__title">秘密——吸引力法则</h1>
                <p>这个秘密可以让你得到你想要的一切，包括快乐健康财富。</p>
                <img src="img/zj.png" class="popup__media popup__media_right" alt="The foto of nature">
                <p>你能拥有一切，达到你的目标，变成你想成为的人。</p>
                <p>我们可以拥有一切我们想拥有的东西，无论什么都能得到。</p>
                <p>你想住在什么样的房子里？你想当个百万富翁吗？你想拥有什么样的事业呢？你希望自己更成功吗？你究竟想要什么？</p>
                <p>我看到奇迹发生在许多人的生命里，比如财富上，绝症康复，精神康复，以及两性关系转变的奇迹。</p>
                <p>奇迹之所以出现，是因为他们知道怎么运用我们即将公布的秘密。这是生命中伟大的秘密。</p>
                <p>我们都具有无穷的力量，我们都被同样的定律引导着，宇宙的自然定律真的是精确无比，因此我们建造宇宙飞船没有任何问题，还可以送人上月球，甚至可以预估登陆时间，精确度在1/10秒之内，不管你是在印度还是在澳洲，纽西兰，斯德哥尔摩，伦敦，多伦多，蒙特娄还是纽约，我们都依循着一种力量，一种定律，就是吸引力。这个秘密就是吸引力定律。</p>
                <p>你生命里发生的一切，都是由你吸引而来的，你在心里构想的画面，会在现实生活中发生，也就是说，你心里想的一切，都会被吸引到现实生活中来。现代聪明的人一直都知道这个定律。古巴比伦时代的人，也早就知道这个定律，这得天独厚的一小群人，你想想为什么1%的人可以赚取全世界96%的财富呢？你认为这是偶然的意外吗？绝对不是，这是人为造成的。因为他们了解一件事，他们知道这个秘密。你现在也即将认识这个秘密。</p>
                <a href="#" class="popup__close">关闭</a>
            </div>
        </div>
    </div>
    <div class="content"><a href="#">查看更多</a></div>
</div>
        <!--优秀成员-->
<div class="banner_two banner" id="floor2" >
    <div class="banner_teacher">
      <p style="color: #8a6d3b">优 秀 成 员 </p>
    </div>
    <div style="text-align: center">
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
    <div class="single-member effect-3">
        <div class="member-image">
            <img src="img/czygg.jpg" alt="Member">
        </div>
        <div class="member-info">
            <h3>计算机协会创始人</h3>
            <h5>陈志颖</h5>
            <p>乾坤未定，你我皆是黑马。<br/>乾坤一定，你我扭转乾坤。</p>
            <div class="social-touch">
                <a class="fb-touch" href="#"></a>
                <a class="tweet-touch" href="#"></a>
                <a class="linkedin-touch" href="#"></a>
            </div>
        </div>
    </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
    <div class="single-member effect-2">
        <div class="member-image">
            <img src="img/member_270x210.jpg" alt="Member">
        </div>
        <div class="member-info">
            <h3>计算机协会会长</h3>
            <h5>ShowGilr</h5>
            <p>非学无以广才，<br/>非志无以成学。</p>
            <div class="social-touch">
                <a class="fb-touch" href="#"></a>
                <a class="tweet-touch" href="#"></a>
                <a class="linkedin-touch" href="#"></a>
            </div>
        </div>
    </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
    <div class="single-member effect-3">
        <div class="member-image">
            <img src="img/cs.jpg" alt="Member">
        </div>
        <div class="member-info">
            <h3>软件总负责人</h3>
            <h5>cs</h5>
            <p>古人学问无遗力，<br/>少年工夫老始成。</p>
            <div class="social-touch">
                <a class="fb-touch" href="#"></a>
                <a class="tweet-touch" href="#"></a>
                <a class="linkedin-touch" href="#"></a>
            </div>
        </div>
    </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
    <div class="single-member effect-2">
        <div class="member-image">
            <img src="img/ngn.jpg" alt="Member">
        </div>
        <div class="member-info">
            <h3>硬件总负责人</h3>
            <h5>ngn</h5>
            <p>读书不作儒生酸，<br/>跃马西入金城关。</p>
            <div class="social-touch">
                <a class="fb-touch" href="#"></a>
                <a class="tweet-touch" href="#"></a>
                <a class="linkedin-touch" href="#"></a>
            </div>
        </div>
    </div>
    </div>

        <!--部门人员-->
        <!-- effect-4 html -->

        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
        <div class="single-member effect-4">
            <div class="member-info">
                <h3>宣传部部长</h3>
                <h5>ShowGilr</h5>
            </div>
            <div class="member-image">
                <img src="img/member_270x210.jpg" alt="Member">
            </div>
            <div class="more-info">
                <p>灯前目力虽非昔，<br/>犹课蝇头二万言。</p>
                <div class="social-touch icon-colored">
                    <a class="fb-touch" href="#"></a>
                    <a class="tweet-touch" href="#"></a>
                    <a class="linkedin-touch" href="#"></a>
                </div>
            </div>
        </div>
        </div>
        <!-- effect-4 html end -->

        <!-- effect-5 html -->
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
        <div class="single-member effect-5">
            <div class="member-image">
                <img src="img/member_270x210.jpg" alt="Member">
            </div>
            <div class="member-info">
                <h3>技术部部长</h3>
                <h5>ShowGilr</h5>
                <p>粗缯大布裹生涯，<br/>腹有诗书气自华。</p>
                <div class="social-touch icon-colored">
                    <a class="fb-touch" href="#"></a>
                    <a class="tweet-touch" href="#"></a>
                    <a class="linkedin-touch" href="#"></a>
                </div>
            </div>
        </div>
        </div>
        <!-- effect-5 html end -->

        <!-- effect-6 html -->
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
        <div class="single-member effect-6">
            <div class="member-image">
                <img src="img/member_270x210.jpg" alt="Member">
            </div>
            <div class="member-info">
                <h3>财务部部长</h3>
                <h5>ShowGilr</h5>
                <p>纸上得来终觉浅，<br/>绝知此事要躬行。</p>
                <div class="social-touch icon-colored">
                    <a class="fb-touch" href="#"></a>
                    <a class="tweet-touch" href="#"></a>
                    <a class="linkedin-touch" href="#"></a>
                </div>
            </div>
            <div class="border-green"></div>
        </div>
        </div>
        <!-- effect-6 html end -->

        <!-- effect-7 html -->
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
        <div class="single-member effect-7">
            <div class="member-info">
                <h3>外交部部长</h3>
                <h5>ShowGilr</h5>
            </div>
            <div class="member-image">
                <img src="img/member_270x210.jpg" alt="Member">
            </div>
            <div class="more-info">
                <p>人学始知道，<br/>不学非自然。</p>
                <div class="social-touch icon-colored">
                    <a class="fb-touch" href="#"></a>
                    <a class="tweet-touch" href="#"></a>
                    <a class="linkedin-touch" href="#"></a>
                </div>
            </div>
        </div>
        </div>
        <!-- effect-7 html end -->

        <!-- effect-8 html -->
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
        <div class="single-member effect-8">
            <div class="member-info">
                <h3>活动部部长</h3>
                <h5>ShowGilr</h5>
            </div>
            <div class="member-image">
                <img src="img/member_270x210.jpg" alt="Member">
            </div>
            <div class="more-info">
                <p>心志决定命运，<br/>态度决定高度。</p>
                <div class="social-touch icon-colored">
                    <a class="fb-touch" href="#"></a>
                    <a class="tweet-touch" href="#"></a>
                    <a class="linkedin-touch" href="#"></a>
                </div>
            </div>
        </div>
        </div>
        <!-- effect-8 html end -->

        <!-- effect-9 html -->
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2" >
        <div class="single-member effect-9">
            <div class="member-info">
                <h3>策划部部长</h3>
                <h5>ShowGilr</h5>
            </div>
            <div class="member-image">
                <img src="img/member_270x210.jpg" alt="Member">
            </div>
            <div class="more-info">
                <p>与其回味昨日的温暖，不如好好把握今日的花香。</p>
                <div class="social-touch icon-colored">
                    <a class="fb-touch" href="#"></a>
                    <a class="tweet-touch" href="#"></a>
                    <a class="linkedin-touch" href="#"></a>
                </div>
            </div>
        </div>
        </div>
        <!-- effect-9 html end -->

        <!-- effect-1 html -->
<!--        获奖成员   -->
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2" >
            <a href="#" style="color: black">
        <div class="single-member effect-1">
            <div class="member-image">
                <img src="img/member_140x145.jpg" alt="Member">
            </div>
            <div class="member-info">
                <h3>某某某</h3>
                <h5>荣获xx奖</h5>
                <div class="social-touch">
                    <p>更多信息</p>
                </div>
            </div>
        </div>
            </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2" >
            <a href="#" style="color: black">
            <div class="single-member effect-1">
                <div class="member-image">
                    <img src="img/member_140x145.jpg" alt="Member">
                </div>
                <div class="member-info">
                    <h3>某某某</h3>
                    <h5>荣获xx奖</h5>
                    <div class="social-touch">
                        <p>更多信息</p>
                    </div>
                </div>
            </div>
                </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2" >
            <a href="#" style="color: black">
            <div class="single-member effect-1">
                <div class="member-image">
                    <img src="img/member_140x145.jpg" alt="Member">
                </div>
                <div class="member-info">
                    <h3>某某某</h3>
                    <h5>荣获xx奖</h5>
                    <div class="social-touch">
                        <p>更多信息</p>
                    </div>
                </div>
            </div>
            </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2" >
            <a href="#" style="color: black">
            <div class="single-member effect-1">
                <div class="member-image">
                    <img src="img/member_140x145.jpg" alt="Member">
                </div>
                <div class="member-info">
                    <h3>某某某</h3>
                    <h5>荣获xx奖</h5>
                    <div class="social-touch">
                        <p>更多信息</p>
                    </div>
                </div>
            </div>
            </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2" >
            <a href="#" style="color: black">
            <div class="single-member effect-1">
                <div class="member-image">
                    <img src="img/member_140x145.jpg" alt="Member">
                </div>
                <div class="member-info">
                    <h3>某某某</h3>
                    <h5>荣获xx奖</h5>
                    <div class="social-touch">
                        <p>更多信息</p>
                    </div>
                </div>
            </div>
            </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2" >
            <a href="#" style="color: black">
            <div class="single-member effect-1">
                <div class="member-image">
                    <img src="img/member_140x145.jpg" alt="Member">
                </div>
                <div class="member-info">
                    <h3>某某某</h3>
                    <h5>荣获xx奖</h5>
                    <div class="social-touch">
                        <p>更多信息</p>
                    </div>
                </div>
            </div>
            </a>
        </div>
        <!-- effect-1 html end -->

    </div>
    <div class="content"><a href="#">查看更多</a></div>
</div>
<!--        文化活动-->
<div class="banner_three banner" id="floor3" >
    <div class="banner_teacher02">
        <p style="color: #2b669a"> 文 化 活 动</p>
    </div>
    <div id="zSlider" class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
        <div id="picshow">
            <div id="picshow_img">
                <ul>
                    <li><a href="#"><img src="img/whhd.jpg"></a></li>
                    <li><a href="#"><img src="img/whhd02.jpg"></a></li>
                    <li><a href="#"><img src="img/whhd03.jpg"></a></li>
                    <li><a href="#"><img src="img/whhd04.jpg"></a></li>
                    <li><a href="#"><img src="img/whhd05.jpg"></a></li>
                    <li><a href="#"><img src="img/jsjxhlbt05.jpg"></a></li>
                </ul>
            </div>
        </div>
        <div id="picshow_tx">
            <ul>
                <li>
                    <h3><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;程序员日、程序员吐槽大会</a></h3>
                    <p>上海第一家死飞精品店，由三个外国人与一中国人联合创办，主要经营客订个性单速车，帮助他们得到自己梦想中的车架。</p>
                </li>
                <li>
                    <h3><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;18级4 、5班篮球友谊赛</a></h3>
                    <p>冰岛有“火山岛”、“雾岛”、“冰封的土地”、“冰与火之岛”之称。有想过在这里骑游吗？下面看看Ovegur的冰岛骑游之旅吧。</p>
                </li>
                <li>
                    <h3><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;项目团队小年聚餐</a></h3>
                    <p>这几天，全国各地的空气糟糕透顶！北京空气污染指数又爆表了！！！经过资深车友的推荐及亲身体验，整理出几款超强防毒的骑行口罩。</p>
                </li>
                <li>
                    <h3><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;共青团出游名胜古迹</a></h3>
                    <p>近年来户外骑行等运动录像盛行，Gopro这品牌可说功不可没，新版的Gopro Hero3具有1200万像素带Wi-Fi功能……</p>
                </li>
                <li>
                    <h3><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;班级聚餐团结友爱</a></h3>
                    <p>“我要从南骑到北，我还要从白骑到黑。我要人们都看到我，却不知道我是谁。爱上我你就不要后悔，总有一天我要远走高飞。”</p>
                </li>
                <li>
                    <h3><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;18级软件项目团队合影</a></h3>
                    <p>外出骑行，不会总有一个修车老大爷在你扎胎后的不远处等着你，本期课堂教会你如何撬胎补胎，再碰上爆胎，你就可以淡定了。</p>
                </li>
            </ul>
        </div>
    </div>
    <div id="select_btn" class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
        <ul>
            <li><a href="#"><img src="img/whhd.jpg"><span class="select_text">程序员日、程序员吐槽大会</span><span class="select_date">2020/01/16</span></a><a class="select_content" href="#">更多内容>></a></li>
            <li><a href="#"><img src="img/whhd02.jpg"><span class="select_text">18级4 、5班篮球友谊赛</span><span class="select_date">2020/02/15</span></a><a class="select_content" href="#">更多内容>></a></li>
            <li><a href="#"><img src="img/whhd03.jpg"><span class="select_text">项目团队小年聚餐</span><span class="select_date">2020/02/20</span></a><a class="select_content" href="#">更多内容>></a></li>
            <li><a href="#"><img src="img/whhd04.jpg"><span class="select_text">共青团出游名胜古迹</span><span class="select_date">2020/03/08</span></a><a class="select_content" href="#">更多内容>></a></li>
            <li><a href="#"><img src="img/whhd05.jpg"><span class="select_text">班级聚餐团结友爱</span><span class="select_date">2020/04/9</span></a><a class="select_content" href="#">更多内容>></a></li>
            <li><a href="#"><img src="img/jsjxhlbt05.jpg"><span class="select_text">18级软件项目团队合影</span><span class="select_date">2020/04/11</span></a><a class="select_content" href="#">更多内容>></a></li>
        </ul>
    </div>
    <div class=" content "><a href="#">查看更多</a></div>
</div>
<!--        作品展览-->
<div class="banner_four banner" id="floor4">
    <div class="banner_teacher02">
    <p class="ryzl col-xs-12 col-sm-12 col-md-12 col-lg-12" style="color: #512da8;"> 荣 誉 展 览</p>
    </div>
    <div style="text-align: center">
        <div class="top_ry col-xs-12 col-sm-12 col-md-12 col-lg-12">勋业辉煌欣共举&nbsp;&nbsp; &nbsp;&nbsp;名花灿烂喜连枝 </div>
    <ul class="box">
        <li class="left_img col-xs-12 col-sm-12 col-md-4 col-lg-4">
            <div class="top"></div>
            <div class="left"></div>
            <div class="bottom"></div>
            <div class="right"></div>
            <img src="img/ryzl_02.jpg" alt="">
            <p>齐心协力 、共创辉煌</p>
        </li>
        <li class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
            <div class="top"></div>
            <div class="left"></div>
            <div class="bottom"></div>
            <div class="right"></div>
            <img src="img/ryzl01.jpg" alt="">
            <p>互联网+ 大学生创新创业大赛</p>
        </li>
        <li class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
            <div class="top"></div>
            <div class="left"></div>
            <div class="bottom"></div>
            <div class="right"></div>
            <img src="img/ryzl_03.jpg" alt="">
            <p>中国软件杯设计大赛</p>
        </li>
        <li class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
            <div class="top"></div>
            <div class="left"></div>
            <div class="bottom"></div>
            <div class="right"></div>
            <img src="img/ryzl04.jpg" alt="">
            <p>计算机协会年度10大杰出人物</p>
        </li>
        <li class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
            <div class="top"></div>
            <div class="left"></div>
            <div class="bottom"></div>
            <div class="right"></div>
            <img src="img/ryzl_05.jpg" alt="">
            <p>证书美集</p>
        </li>
    </ul>
        <div class="content"><a href="#">查看更多</a></div>
    </div>

</div>
<!--楼层部分-->
<div class="floor">
    <ul>
        <li><a href="#floor1">指导老师</a></li>
        <li><a href="#floor2">优秀成员</a></li>
        <li><a href="#floor3">文化活动</a></li>
        <li><a href="#floor4">荣誉展览</a></li>
    </ul>
</div>
    </div>
</div>
<!--楼层部分-->
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/floor.js"></script>
<!--楼层部分-->
<!--*****************楼层特效-end*****************-->


<!--**************尾部**************-->
<div class="footer-floor2" style="background-color: #007aff;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: 30px;

">
    <div class="container" style=" text-align: center;">
        <div class="row">
            <p style="padding-top: 7px;
    font-size: 12px;
    color: #0f0f0f;
">
                网站信息:开发时间2020/03/06 版本 0.2
            </p>
            <p style="padding-top: 7px;
    font-size: 12px;
    color: #0f0f0f;
">
                学校地址：江西省南昌市湾里区先锋创客小镇 &nbsp;&nbsp;&nbsp;邮编：330041&nbsp;<br>
                &nbsp;版权所有©计算机协会<font style="font-size: 9pt">&nbsp;
                总访问量：
                20200202
            </font>
            </p>
        </div>
    </div>
</div>

<!--**************尾部**************-->
<!--**************底部**************-->
<!--<div id="page2"></div>-->
<!--<script>-->
<!--    $("#page2").load("foot.html");-->
<!--</script>-->
<!--**************底部************|**-->
<!--&lt;!&ndash;荣誉展览&ndash;&gt;-->
<script src="js/main.js"></script>
<!--    文化活动-->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jq22.js"></script>
<!--    jquery库       -->
<script src="lib/jquery/jquery.js"></script>
<!-- 引入所有的Bootstrap的JS插件 -->
<script src="lib/bootstrap/js/bootstrap.js"></script>
</body>
</html>